.body-bg {
  background-color: #222D32;
}
* {
  margin: 0;
  padding: 0;
}
a,
a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none;
}
.table > tbody > tr > td {
  vertical-align: middle;
}
ul {
  list-style: none;
}
.mt_30 {
margin-top: 30px;
}
.mt_150 {
  margin-top: 150px;
}
thead th {
  text-align: center;
}
.aside {
  position: fixed;
  width: 180px;
  height: 100%;
  background-color: #222D32;
  text-align: center;
  z-index: 999;
  left: 0;
  transition: all 0.5s;
}
.aside .p1 {
  height: 50px;
  color: white;
  line-height: 50px;
  background-color: #367FA9;
  font-size: 25px;
}
.aside img {
  width: 100px;
  border-radius: 50%;
  margin-top: 20px;
  margin-bottom: 20px;
}
.aside .p2 {
  font-size: 20px;
  color: white;
}
.aside .u1 {
  margin-top: 50px;
}
.aside .u1 li {
  line-height: 40;
  font-size: 18px;
  line-height: 40px;
}
.aside .u1 li a {
  color: white;
}
.aside .u1 span {
  margin-right: 5px;
}
.aside .u1 .u2 {
  padding-left: 16px;
  display: none;
}
.aside .u1 .current {
  background-color: #1D1F21;
  border-left: 3px solid #069;
}
.right {
  padding-top: 70px;
  padding-left: 200px;
  padding-right: 20px;
  height: 1000px;
  transition: padding .5s;
}
.right .r-header {
  padding-left: 180px;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  height: 50px;
  background-color: #3C8DBC;
  transition: padding .5s;
}
.right .r-header a:nth-child(1) {
  color: white;
  font-size: 30px;
  padding: 0 10px;
  line-height: 50px;
  float: left;
}
.right .r-header a:nth-child(2) {
  color: white;
  font-size: 30px;
  padding: 0 10px;
  line-height: 50px;
  float: right;
}
.right .tb .t1,
.right .tb .t2 {
  height: 400px;
}
.hidemenu .aside {
  left: -180px;
}
.hidemenu .right {
  padding-left: 0;
}
.hidemenu .right .r-header {
  padding-left: 0;
}
